import { Button, Text } from 'packages/ui-shared/src/atoms';
import { useNavigate } from 'react-router-dom';

export default function NotFoundPage() {
  const navigate = useNavigate();

  return (
    <div className="min-h-screen bg-gray-50 flex items-center justify-center">
      <div className="max-w-md w-full text-center">
        <div className="mb-8">
          <div className="text-6xl font-bold text-gray-300 mb-4">404</div>
          <Text className="text-2xl font-semibold text-gray-900 mb-2">
            页面未找到
          </Text>
          <Text className="text-gray-600 mb-8">
            抱歉，您访问的页面不存在或已被移除。
          </Text>
        </div>

        <div className="space-y-4">
          <Button
            variant="primary"
            onClick={() => navigate('/app')}
            className="w-full"
          >
            返回首页
          </Button>
          
          <Button
            variant="outline"
            onClick={() => navigate(-1)}
            className="w-full"
          >
            返回上一页
          </Button>
        </div>

        <div className="mt-8 text-sm text-gray-500">
          <Text>如果您认为这是一个错误，请联系系统管理员。</Text>
        </div>
      </div>
    </div>
  );
}
